<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="Keywords" content="网站设计" />
    <meta name="Description" content="网站设计" />
    <meta name="author" content="" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>网站建设 - 穿石科技</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/work.css">
    <link rel="stylesheet" href="./css/typography.css">
    <link rel="stylesheet" href="./css/style-760.css" media="screen and (max-width:800px)">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/animate.min.css">
</head>

<body>
    <div class="menu">
        <a href="./index.html">
        <button class="menu-button">
            <img class="backimg" src="./images/work/9.png" alt="" style="display:inline-block">
            <p class="back" style="display:inline-block;position: relative;
            margin-left: 20px;">返回</p>
        </button>
       </a>
    </div>
    <div class="contact-widget">
        <button class="contact-widget__button">
            <img src="./images/contact.png" alt="">
        </button>
        <div id="contact-widget__body">
            <div class="contact-widget__body__details">
                <a class="contact-widget__body__details__detail">
                    <svg width="27" height="27" viewBox="0 0 27 27">
                        <g>
                            <g>
                                <path fill="#6695cc" class="contact-widget__body__details__detail-iconbg"
                                    d="M0 13.5C0 6.044 6.044 0 13.5 0S27 6.044 27 13.5 20.956 27 13.5 27 0 20.956 0 13.5z">
                                </path>
                            </g>
                            <g>
                                <g>
                                    <path fill="#fff"
                                        d="M7.93 11.668c.165.116.66.46 1.489 1.035.828.573 1.462 1.015 1.903 1.325l.308.222c.158.113.288.205.392.276.104.07.23.148.378.236.148.087.287.152.418.195.13.044.252.066.363.066h.015c.11 0 .232-.022.363-.066.13-.043.27-.108.417-.195.148-.088.274-.166.378-.236.104-.07.235-.163.392-.276l.309-.222c.445-.31 1.578-1.097 3.399-2.36a3.45 3.45 0 0 0 .886-.894c.237-.348.356-.714.356-1.096 0-.32-.115-.594-.345-.821a1.123 1.123 0 0 0-.817-.341H7.843c-.373 0-.66.125-.86.377-.202.252-.302.567-.302.944 0 .305.133.636.4.992.265.356.549.635.849.839z">
                                    </path>
                                </g>
                                <g>
                                    <path fill="#fff"
                                        d="M18.97 12.445a150.961 150.961 0 0 0-3.617 2.505c-.276.204-.5.362-.672.476-.172.114-.4.23-.687.349a2.09 2.09 0 0 1-.798.178h-.015a2.09 2.09 0 0 1-.799-.178 4.15 4.15 0 0 1-.686-.349 17.193 17.193 0 0 1-.672-.476c-.654-.479-1.857-1.314-3.61-2.505a3.847 3.847 0 0 1-.733-.632v5.766c0 .32.113.594.341.821.228.228.501.342.82.342h10.692c.32 0 .593-.114.82-.342.228-.227.342-.5.342-.82v-5.767c-.209.232-.45.443-.727.632z">
                                    </path>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <span>2881344520@qq.com</span>
                </a>
                <a class="contact-widget__body__details__detail">
                    <svg width="27" height="27" viewBox="0 0 27 27">
                        <g>
                            <g>
                                <path fill="#66cc6a" class="contact-widget__body__details__detail-iconbg"
                                    d="M0 13.5C0 6.044 6.044 0 13.5 0S27 6.044 27 13.5 20.956 27 13.5 27 0 20.956 0 13.5z">
                                </path>
                            </g>
                            <g>
                                <g>
                                    <g>
                                        <path fill="#fff"
                                            d="M19.59 16.963a.56.56 0 0 1-.171.49l-1.632 1.62a.918.918 0 0 1-.288.208 1.19 1.19 0 0 1-.35.11l-.073.006a1.67 1.67 0 0 1-.16.007c-.155 0-.406-.027-.754-.08-.347-.053-.772-.184-1.275-.393-.503-.208-1.074-.521-1.711-.938-.638-.417-1.317-.99-2.036-1.717a13.441 13.441 0 0 1-1.423-1.62 11.536 11.536 0 0 1-.908-1.428 7.696 7.696 0 0 1-.515-1.19 6.311 6.311 0 0 1-.233-.92 3.038 3.038 0 0 1-.05-.607c.009-.147.013-.229.013-.245.016-.115.053-.231.11-.35a.92.92 0 0 1 .209-.288l1.631-1.631a.54.54 0 0 1 .393-.172c.106 0 .2.03.282.092a.853.853 0 0 1 .208.227l1.313 2.49c.073.13.094.274.061.429a.765.765 0 0 1-.208.393l-.601.6a.205.205 0 0 0-.043.08.303.303 0 0 0-.019.092c.033.172.107.368.221.589.098.196.25.435.454.718.204.282.495.607.87.975.369.376.696.668.982.877.286.208.525.361.718.46.192.098.339.157.441.177l.153.031a.292.292 0 0 0 .08-.018.205.205 0 0 0 .08-.043l.699-.712a.751.751 0 0 1 .515-.196.64.64 0 0 1 .331.074h.013l2.367 1.398c.172.106.274.241.306.405z">
                                        </path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <span>+133-3661-9741</span>
                </a>
            </div>
            <button class="btn">
                <svg width="18" height="18" version="1.1"
                   viewBox="0 0 18 18">
                    <path d="M1.46777,0.94409c1.01514,0.58618 15.36768,15.36743 15.36768,15.36743" fill-opacity="0"
                        fill="#ffffff" stroke-dashoffset="0" stroke-linejoin="miter" stroke-linecap="round"
                        stroke-opacity="1" stroke="#ffffff" stroke-miterlimit="50" stroke-width="2"></path>
                    <path d="M16.83545,0.94409c-1.01562,0.58618 -15.36768,15.36743 -15.36768,15.36743" fill-opacity="0"
                        fill="#ffffff" stroke-dashoffset="0" stroke-linejoin="miter" stroke-linecap="round"
                        stroke-opacity="1" stroke="#ffffff" stroke-miterlimit="50" stroke-width="2"></path>
                </svg>
            </button>
        </div>
    </div>
 <!-- 菜单 -->
 <section class="newMenu" id="newMenu">
    <div class="menu__corner">
        <img src="./images/caidan/6.png" alt="">
    </div>

    <div class="menu__wrapper">
        <div class="menu__cols">
            <a href="./index.html" class="menu__col"
                style="background-image: url('./images/caidan/img2.png');background-size:100% 100%">
                <h2 class="col__heading">
                    首页
                </h2>
                <div class="case-image">
                </div>
            </a>
            <a href="./show.html" class="menu__col" style="background-image: url('./images/caidan/img3.png');">
                <h2 class="col__heading">
                    案例
                </h2>
                <div class="case-image">
                </div>
            </a>
            <a href="./componey.html" class="menu__col" style="background-image: url('./images/caidan/img1.png');">
                <h2 class="col__heading">
                    关于我们
                </h2>
                <div class="case-image">
                </div>
            </a>
            <a href="./contact.html" class="menu__col" style="background-image: url('./images/caidan/img5.png');">
                <h2 class="col__heading">
                    联系我们
                </h2>
                <div class="case-image">
                </div>
            </a>
            <a href="./news.html" class="menu__col" style="background-image: url('./images/caidan/img4.png');">
                <h2 class="col__heading">
                    新闻资讯
                </h2>
                <div class="case-image">
                </div>
            </a>
        </div>
    </div>

</section>
<div class="wrapper">
    <div class="hero" id="start">
        <div class="hero__text">
            <h1 class="hero__text__title ready wow fadeInUp">网站建设</h1>
            <p>穿石科技的WEB体系研究，具备成熟的网站整体解决方案，360度网络 品牌策略， 分析互联网现状，定位互联网规划目标，为不同客户创 造适合自己的互联网形象。</p>
        </div>
        <a class="button js-change-section" href="#content"></a>
        <div class="triangle triangle--first js-first-triangle"></div>
    </div>
    <div class="page-content" id="content">
        <a class="page-content__navigation page-content__navigation--prev" style="display: none;">
            <span class="page-content__navigation__text">
                上一个
            </span>
        </a>
        <a class="page-content__navigation page-content__navigation--next" href="applets.html">
            <span class="page-content__navigation__text">
                下一个
            </span>
        </a>
        <h4 class="page-content__blend">WEBSITE CONS</h4>
        <h4 class="page-content__blend page-content__blend--second">TRUCTION</h4>
        <div class="page-content__text">
            <div class="left aniview wzjsn2" av-animation="fadeInUp">
                <div class="wzjsn-wzside1">
                    <div class="txt">
                        <ul>
                            <li>
                                <div class="tu">
                                    <img src="./images/work/wzjs-ico1.png" class="tu1">
                                    <img src="./images/work/wzjs-ico1h.png" class="tu2">
                                </div>
                                <div class="name">专注网络建设</div>
                            </li>
                            <li>
                                <div class="tu">
                                    <img src="./images/work/wzjs-ico2.png" class="tu1">
                                    <img src="./images/work/wzjs-ico2h.png" class="tu2">
                                </div>
                                <div class="name">5星好评服务</div>
                            </li>
                            <li>
                                <div class="tu">
                                    <img src="./images/work/wzjs-ico3.png" class="tu1">
                                    <img src="./images/work/wzjs-ico3h.png" class="tu2">
                                </div>
                                <div class="name">HTML5新技术</div>
                            </li>
                            <li>
                                <div class="tu">
                                    <img src="./images/work/wzjs-ico4.png" class="tu1">
                                    <img src="./images/work/wzjs-ico4h.png" class="tu2">
                                </div>
                                <div class="name">量身定做精美后台</div>
                            </li>
                        </ul>
                    </div>
                </div><!--side1-->
            
                <div class="wzjsn-box wzjsn-box2">
                    <div class="bg">
                        <div class="name">品牌型企业官网</div>
                        <div class="memo">从专业的角度和客户的需求出发,融合视觉设计及特效,全面提升品牌形象与产品特色的展示效果,突出品牌个性。</div>
                        <div class="txt">
                            <ul>
                                <li>网站策划与定位</li>
                                <li>具有品牌特色的网站视觉风格设计</li>
                                <li>W3C标准化网站界面设计</li>
            
                                <li>前端交互设计</li>
                                <li>CMS内容管理定制开发</li>
                                <li>基础SEO代码优化</li>
            
                                <li>网站综合测试</li>
                                <li>域名、邮箱、服务器配置</li>
                                <li>一年免费技术保障</li>
            
                                <li>后期运营维护（可选）</li>
                                <li>高级SEO优化服务（可选）</li>
                                <li>移动网站配套设计（可选）</li>
                            </ul>
                        </div><!--txt-->
                    </div><!--bg-->
                </div><!--box-->
            
                <div class="wzjsn-box">
                    <div class="bg">
                        <div class="name">电子商务网站开发</div>
                        <div class="memo">开源程序不会用,功能很难改进？后台没用的功能太多？如果你厌倦了某些复杂的商城程序,那就让我们根据您的需求定制开发一个适合您的商城,让您的维护工作更简单。</div>
                        <div class="txt">
                            <ul>
                                <li>功能策划与定位</li>
                                <li>商城界面整合设计</li>
                                <li>CMS内容管理定制开发</li>
            
                                <li>网站综合测试</li>
                                <li>域名、邮箱、服务器配置</li>
                                <li>一年免费技术保障</li>
            
                            </ul>
                        </div><!--txt-->
                    </div><!--bg-->
                </div><!--box-->
            
                <div class="wzjsn-box wzjsn-box2">
                    <div class="bg">
                        <div class="name">定制型高端网站建设</div>
                        <div class="memo">整合品牌传播和营销活动,最大化体现企业商业价值。注重用户体验及兼容各类终端,统一管理更省心。</div>
                        <div class="txt">
                            <ul>
                                <li>网站创意策划</li>
                                <li>PC端与移动端整合设计方案</li>
                                <li>前端交互设计</li>
            
                                <li>响应式设计</li>
                                <li>CMS定制开发</li>
                                <li>综合测试与分析</li>
            
                                <li>域名、邮箱、服务器配置</li>
                                <li>一年免费技术保障</li>
                                <li>后期运营维护（可选）</li>
            
                            </ul>
                        </div><!--txt-->
                    </div><!--bg-->
                </div><!--box-->
            
                <div class="jzlc">
                    <div class="bg">
                        <div class="name">建站流程</div>
                        <div class="txt"><img src="./images/work/jzlc.png"></div>
                    </div>
                </div><!--jzlc-->
            </div>
        </div>
        <a class="button button--black" href="#start"></a>

        <div class="triangle triangle--second js-second-triangle"></div>
    </div>
    <div class="brief">
        <div class="brief__text">
            <h2 class="brief__text__title wow fadeInRight">我们邀请您<br>完成在线留言</h2>
            <a href="./contact.html" class="brief__text__button wow fadeInUp">去留言</a>
        </div>
    </div>
    <footer class="active">
        <div class="container">
            <p class="copyright">
                Copyright © 宁波穿石网络科技有限公司 All rights reserved&nbsp;&nbsp;&nbsp;<a
                    href="http://www.beian.miit.gov.cn">浙ICP备18010826号</a>
            </p>
        </div>
    </footer>
</div>
</body>

<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery.aniview.min.js"></script>
<script src="js/base.js"></script>
<script src="js/animation.js"></script>